﻿<!doctype html>
<html class="no-js" lang="zxx">
<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>时尚衣橱购物商城</title>
    <meta name="description" content="Default Description">
    <meta name="keywords" content="E-commerce" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- place favicon.ico in the root directory -->
    <link rel="shortcut icon" type="image/x-icon" href="/img/icon/favicon.png">
    <!-- Google Font css -->
    <link href="https://fonts.googleapis.com/css?family=Lily+Script+One" rel="stylesheet"> 

    <!-- mobile menu css -->
    <link rel="stylesheet" href="/css/meanmenu.min.css">
    <!-- animate css -->
    <link rel="stylesheet" href="/css/animate.css">
    <!-- nivo slider css -->
    <link rel="stylesheet" href="/css/nivo-slider.css">
    <!-- owl carousel css -->
    <link rel="stylesheet" href="/css/owl.carousel.min.css">
    <!-- slick css -->
   <link rel="stylesheet" href="/css/slick.css">
    <!-- price slider css -->
    <link rel="stylesheet" href="/css/jquery-ui.min.css">
    <!-- fontawesome css -->
    <link rel="stylesheet" href="/css/font-awesome.min.css">
     <!-- fancybox css -->
    <link rel="stylesheet" href="/css/jquery.fancybox.css">
    <!-- bootstrap css -->
    <link rel="stylesheet" href="/css/bootstrap.min.css">
    <!-- default css  -->
    <link rel="stylesheet" href="/css/default.css">
    <!-- style css -->
    <link rel="stylesheet" href="../static/css/style.css">
    <!-- responsive css -->
    <link rel="stylesheet" href="/css/responsive.css">
    <link rel="stylesheet" href="/css/shortcode/header.css">
    <link rel="stylesheet" href="/css/shortcode/service.css">
    <link rel="stylesheet" href="/css/shortcode/product.css">
    <link rel="stylesheet" href="/css/shortcode/slider.css">
    <link rel="stylesheet" href="/css/shortcode/parallax.css">
    <link rel="stylesheet" href="/css/shortcode/login.css">
    <link rel="stylesheet" href="/css/shortcode/subscribe.css">
    <link rel="stylesheet" href="/css/shortcode/footer.css">
    <link href="/css/shortcode/single-product.css" rel="stylesheet">
    <link href="/css/shortcode/cart.css" rel="stylesheet">
    <link href="/css/shortcode/about-us.css" rel="stylesheet">
    <link href="/css/owl.carousel.min.css" rel="stylesheet">
    <link href="/css/shortcode/blog.css" rel="stylesheet">
    <!-- modernizr js -->
    <script src="/js/vendor/modernizr-2.8.3.min.js"></script>
</head>

<body>


    <!-- Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header>
            <!-- Kiosk Header Top Start -->
            <div class="kiosk-header-top">
                <div class="container">
                    <div class="row">
                        <!-- Header Top left Start -->                        
                        <div class="col-lg-6 col-md-12 d-center">
                            <div class="kiosk-header-top-left">
                                <i class="fa fa-phone"></i>中软国际: 400-183-1066
                            </div>                        
                        </div>
                        <!-- Header Top Right Start -->                                       
                        <div class="col-lg-6 col-md-12">
                            <div class="kiosk-header-top-right">
                                <div class="search-box-view">
                                    <form action="#">
                                        <input type="text" class="email" placeholder="Search Your Product" name="product">
                                        <button type="submit" class="submit"></button>
                                    </form>
                                </div>
                                <!-- Header-list-menu End -->
                            </div>
                        </div>
                        <!-- Header Top Right End -->
                    </div>
                </div>
                <!-- Container End -->
            </div>
            <!-- Header Top End -->
            <!-- Kiosk Header Bottom Start -->
            <div th:include="top :: topFragment"></div>
            <!-- Header Bottom End -->
        </header>
        <!-- Header Area End -->
        <!-- About Area Start -->
        <div class="about-area ptb-70">
			<div class="container">
				<div class="row">
					<div class="col-lg-7 col-md-12">
						<div class="about-top">
							<img class="img" src="img/slider/about.jpg" alt="about-us">
						</div>
					</div>
					<div class="col-lg-5 col-md-12">
						<div class="about-content">
							<h3>关于我们</h3>
							<p>欢迎来到我们的衣物商城！我们是一家专注于提供高品质、时尚前沿衣物的在线购物平台，致力于为您带来无与伦比的购物体验。</p>
                            <p>自创立之初，我们就以打造“品质生活，从衣着开始”的理念，为广大消费者提供多样化、个性化的服饰选择。我们不仅关注产品的款式与设计，更注重衣物的质量与舒适度，确保您在享受时尚的同时，也能感受到极致的穿着体验。</p>
							<ul class="mt-20 kiosk-about-list">
								<li><a href="#"><span>01</span>快速且安全的配送服务</a></li>
								<li><a href="#"><span>02</span>全天候客户服务</a></li>
								<li><a href="#"><span>03</span>定期更新与优化</a></li>
								<li><a href="#"><span>04</span>灵活的退换货政策</a></li>
<!--								<li><a href="#"><span>05</span>Software Development</a></li>-->
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
        <!-- About Main Area End -->
        <!-- Blog Page Start -->
        <div class="blog-area gray-bg ptb-70 padding-small">
            <div class="container">
                <div class="row">
                    <div class="section-title col-lg-12 mb-50">
                        <h2>我们的博客 <i class="fa fa-shopping-cart"></i></h2>
                    </div>
                </div>
                 <!-- Popular Categorie Activation Start -->
                 <div class="kiosk-blog owl-carousel">
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/1.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">潮流解码</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>作者</span> <a href="#">张倩课堂 </a></li>
                                    <li><a href="#">2024 02 02</a></li>
<!--                                    <li><a href="#"></a></li>-->
                                </ul>
                            </div>
                            <p>深入剖析时尚圈最新动态，从大牌发布会到街头文化，带你一一解读潮流趋势，掌握前沿风尚。</p>
                            <div class="readmore">
<!--                                <a href="blog-details.html">Read More</a>-->
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/8.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">设计独白</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>作者</span> <a href="#">张先生 </a></li>
                                    <li><a href="#">2024 04 18</a></li>
<!--                                    <li><a href="#">comments(2)</a></li>-->
                                </ul>
                            </div>
                            <p>倾听顶级设计师的创作故事，探寻服饰背后的灵感与匠心。每一件作品都是一次心灵的对话，感受时尚与艺术的交融。</p>
                            <div class="readmore">
<!--                                <a href="blog-details.html">Read More</a>-->
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="img/blog/3.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">穿搭课堂</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>作者</span> <a href="#">罗老师 </a></li>
                                    <li><a href="#">2024 05 50</a></li>
<!--                                    <li><a href="#">comments(2)</a></li>-->
                                </ul>
                            </div>
                            <p>分享实用穿搭指南，从色彩搭配到款式选择，助你打造独特风格。不同场合，不同季节，都能让你轻松成为焦点。</p>
                            <div class="readmore">
<!--                                <a href="blog-details.html">Read More</a>-->
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="/img/blog/1.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">Women Fashion 2018</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>By</span> <a href="#">Sonjib </a></li>
                                    <li><a href="#">12 Feb, 2018</a></li>
                                    <li><a href="#">comments(2)</a></li>
                                </ul>
                            </div>
                            <p>Lorem ipsum dolor sit amet adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magn a aliqua. Ut enim ad minim veniam.</p>
                            <div class="readmore">
                                <a href="blog-details.html">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="/img/blog/2.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">A Grand Opening Ceremony</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>By</span> <a href="#">Sadika </a></li>
                                    <li><a href="#">12 Feb, 2018</a></li>
                                    <li><a href="#">comments(2)</a></li>
                                </ul>
                            </div>
                            <p>Lorem ipsum dolor sit amet adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magn a aliqua. Ut enim ad minim veniam.</p>
                            <div class="readmore">
                                <a href="blog-details.html">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                    <!-- Single Blog Start -->
                    <div class="single-blog">
                        <div class="blog-img">
                            <a href="blog-details.html"><img src="/img/blog/3.jpg" alt="blog-image"></a>
                        </div>
                        <div class="blog-content">
                            <h4 class="blog-title"><a href="blog-details.html">Women Fashion 2018</a></h4>
                            <div class="blog-meta">
                                <ul>
                                    <li><span>By</span> <a href="#">Sohel </a></li>
                                    <li><a href="#">12 Feb, 2018</a></li>
                                    <li><a href="#">comments(2)</a></li>
                                </ul>
                            </div>
                            <p>Lorem ipsum dolor sit amet adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magn a aliqua. Ut enim ad minim veniam.</p>
                            <div class="readmore">
                                <a href="blog-details.html">Read More</a>
                            </div>
                        </div>
                    </div>
                    <!-- Single Blog End -->
                 </div>
                 <!-- Popular Categorie Activation End -->
            </div>
            <!-- Container End -->
        </div>
        <!-- Blog Page End -->
        <!-- Footer Start -->
        <footer class="black-bg">
            <!-- Footer Top Start -->
            <div class="footer-top ptb-60">
                <div class="container">           
                    <div class="row">
                        <!-- Single Footer Start -->
                        <div class="col-lg-4  col-md-4 col-sm-6">
                            <div class="single-footer">
                                <h3>About us</h3>
                                <div class="footer-content">
                                    <p>Lorem ipsum dolor sit, amet cons ectetur adipis icing elit. Nobis expedita dolorem minus eaque cupid itate repud iandae mollitia veritatis sim ilique, cumque arch itecto ectetur ectetur.</p>
                                    <div class="kiosk-footer-social">
                                        <ul class="kiosk-footer-list footer-top-social">
                                            <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                                            <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                                            <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                                            <li><a href="#"><i class="fa fa-youtube"></i></a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-2  col-md-2 col-sm-6 footer-full">
                            <div class="single-footer">
                                <h3 class="footer-title">Quick Link</h3>
                                <div class="footer-content">
                                    <ul class="footer-list">
                                        <li><a href="#">About Us</a></li>
                                        <li><a href="#">Contact Us</a></li>
                                        <li><a href="#">Blog</a></li>
                                        <li><a href="#">Support</a></li>
                                        <li><a href="#">Shop page</a></li>
                                        <li><a href="#">Gallery</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-3 col-md-3  col-sm-6 footer-full">
                            <div class="single-footer">
                                <h3 class="footer-title">My Account</h3>
                                <div class="footer-content">
                                    <ul class="footer-list">
                                        <li><a href="about.html">Profile</a></li>
                                        <li><a href="#">Checkout</a></li>
                                        <li><a href="#">Login</a></li>
                                        <li><a href="#">Checkout</a></li>
                                        <li><a href="#">Contact</a></li>
                                        <li><a href="#">Registration</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                        <!-- Single Footer Start -->
                        <div class="col-lg-3 col-md-3 col-sm-6 footer-full">
                            <div class="single-footer margin-sm0">
                                <h3>Contact us</h3>
                                <div class="footer-content">
                                    <div class="kiosk-contact-address">
                                        <span><i class="fa fa-map-marker"></i>Location</span>
                                        <span><i class="fa fa-envelope-o"></i>kiosk@gmail.com</span>
                                        <span><i class="fa fa-phone"></i>(232) 232 232</span>
                                        <span><i class="fa fa-facebook"></i>kiosk.facebook</span>
                                        <span><i class="fa fa-youtube"></i>kiosk.youtube</span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- Single Footer Start -->
                    </div>
                    <!-- Row End -->
                </div>
                <!-- Container End -->
            </div>
            <!-- Footer Top End -->
            <!-- Footer Bottom Start -->
            <div class="footer-bottom">
                <div class="container">
                    <div class="footer-bottom-content">
                        <p class="copy-right-text">Copyright © <a  href="http://www.17sucai.com/">themedream1</a> All Rights Reserved.</p>
                        <div class="kiosk-footer-social hidden-content">
                            <ul class="kiosk-footer-list">
                                <li><a href="#"><img src="/img/footer/visa.png" alt=""></a></li>
                                <li><a href="#"><img src="/img/footer/amarcan.png" alt=""></a></li>
                                <li><a href="#"><img src="/img/footer/discover.png" alt=""></a></li>
                                <li><a href="#"><img src="/img/footer/mastercard.png" alt=""></a></li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- Container End -->
            </div>
            <!-- Footer Bottom End -->
        </footer>
        <!-- Footer End -->
    </div>
    <!-- Wrapper End -->
    <!-- jquery 3.12.4 -->
    <script src="/js/vendor/jquery-1.12.4.min.js"></script>
    <!-- mobile menu js  -->
    <script src="/js/jquery.meanmenu.min.js"></script>
    <!-- scroll-up js -->
    <script src="/js/jquery.scrollUp.js"></script>
    <!-- owl-carousel js -->
    <script src="/js/owl.carousel.min.js"></script>
    <!-- slick js -->
    <script src="/js/slick.min.js"></script>
    <!-- wow js -->
    <script src="/js/wow.min.js"></script>
    <!-- price slider js -->
    <script src="/js/jquery-ui.min.js"></script>
    <script src="/js/jquery.countdown.min.js"></script>
    <!-- nivo slider js -->
    <script src="/js/jquery.nivo.slider.js"></script>
    <!-- fancybox js -->
    <script src="/js/jquery.fancybox.min.js"></script>
    <!-- bootstrap -->
    <script src="/js/bootstrap.min.js"></script>
    <!-- popper -->
    <script src="/js/popper.js"></script>
    <!-- plugins -->
    <script src="/js/plugins.js"></script>
    <!-- stellar -->
    <script src="/js/jquery.stellar.min.js"></script>
    <script src="/js/parallax.js"></script>
    <!-- main js -->
    <script src="/js/main.js"></script>
</body>
</html>
